<template>
    <div>
      <header>
            <a href="javascript:history.back(-1)"><img class="back" src="@/assets/imgs/icon_back.png" alt=""></a>
            <span>个人中心</span>
            <img src="@/assets/imgs/icon_set.png" alt="" class="set">
     </header>
       <section class="head">
           <ul>
               <li><img src="@/assets/imgs/icon_user.png" alt=""></li>
               <li>
                   <router-link to='login'>
                   <h3>点击登录</h3>
                   <p>获取更多服务</p>
                   </router-link>
               </li>
               <li>
                   <img src="http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347395.png" alt="">
                   <img src="http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347394.png" alt="">
               </li>
           </ul>
       </section>

       <section class="menu">
           <ul>
               <li v-for="item of list" :key='item.id'>
                   <img :src="item.imgurl" alt="">
                   <h3>{{item.text}}</h3>
                   <p>{{item.tex}}</p>
               </li>
           </ul>
       </section>
    </div>
</template>


<script>
export default {
    data(){
        return{
            list:[
                {id:'001',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347389.png',text:"我的彩铃",tex:'随心变换'},
                {id:'002',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347392.png',text:"客户端",tex:'享音乐风采'},
                {id:'003',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347391.png',text:"咪咕特惠",tex:'海量优惠'},
                {id:'004',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347388.png',text:"白金会员",tex:'免费下载'},
                {id:'005',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347390.png',text:"成长体系",tex:'专属特权'},
                {id:'006',imgurl:'http://m.music.migu.cn/migu/fs/media/p/149/163/5107/image/20181016/1347393.png',text:"咪咕视频",tex:'让生活更有戏'},
                ]
        }
    }
   
    
}

</script>


<style scoped lang="scss" src='./About.scss'>

</style>